<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="expires" content="0">
    <link rel="shortcut icon" href="../../static/favicon.ico">
    <title>京山市人民医院-OA系统</title>
    <!-- Favicon -->
    <link rel="shortcut icon" href=""/>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../../static/public_file/css/bootstrap.min.css">
    <!-- Typography CSS -->
    <link rel="stylesheet" href="../../static/public_file/css/typography.css">
    <!-- Style CSS -->
    <link rel="stylesheet" href="../../static/public_file/css/style.css">
    <!-- Responsive CSS -->
    <link rel="stylesheet" href="../../static/public_file/css/responsive.css">
    <link rel="stylesheet" href="../../static/system_setup/css/myPagination.css">
    <!-- Editor js -->
    <script src="../../static/public_file/js/wangEditor.min.js" type="text/javascript" charset="UTF-8"></script>
    <script src="../../static/system_setup/js/myPagination.js" type="text/javascript" charset="UTF-8"></script>
    {#    <link rel="stylesheet" href="../../static/personal_center/css/homenav.css">#}
    <link rel="stylesheet" type="text/css" href="../../static/public_file/GooFlow/codebase/GooFlow2.css"/>
    {#    <link rel="stylesheet" type="text/css" href="../../static/public_file/css/default.css"/>#}
    <link href="../../static/personal_center/css/index.min.css" rel="stylesheet">
    <link href="../../static/system_setup/css/sys_index.css" rel="stylesheet">
    <script src="../../static/personal_center/js/vue.min.js"></script>
    <script src="../../static/personal_center/js/vue-router.min.js"></script>
    <script src="../../static/personal_center/js/axios.min.js"></script>
    <script src="../../static/personal_center/js/index.min.js"></script>
    <link href="../../static/public_file/formdesigner/js/index.min.js" rel="preload" as="script">
    <link href="../../static/public_file/formdesigner/css/chunk-vendors.51f5a1a3.css" rel="preload" as="style">
    <link href="../../static/public_file/formdesigner/css/index.860ba8e3.css" rel="preload" as="style">
    <link href="../../static/public_file/formdesigner/js/chunk-vendors.effac898.js" rel="preload" as="script">
    <link href="../../static/public_file/formdesigner/js/index.207dfb27.js" rel="preload" as="script">
    <link href="../../static/public_file/formdesigner/css/chunk-vendors.51f5a1a3.css" rel="stylesheet">
    <link href="../../static/public_file/formdesigner/css/index.860ba8e3.css" rel="stylesheet">
    <link rel="stylesheet" href="../../static/personal_center/font_2369197_oqktwkt71s/iconfont.css" media="screen">
    <script src="../../static/administrative/js/base.js"></script>
    <script src="../../static/administrative/js/PurView111.js"></script>
    {% block page_link %}

    {% endblock %}
    <style>
        html, body {
            width: 100%;
            height: 100%;
            letter-spacing: 1px;
        }

        nav {
            width: 100%;
            height: 45px;
            background: #0270c1;
            line-height: 45px;
        }

        .logo {
            width: 30px;
            display: inline-block;
        }

        #navLogo {
            width: 22%;
            height: 100%;
            color: white;
            text-align: center;
            display: inline-block;
            vertical-align: top;
            font-size: 14px;
        }

        #navmenu {
            width: 60%;
            height: 100%;
            display: inline-block;
            vertical-align: top;
            font-size: 14px;
        }

        #navinform {
            width: 5%;
            height: 100%;
            display: inline-block;
            vertical-align: top;
            text-align: right;
            font-size: 14px;
        }

        #navpersonage {
            width: 5%;
            height: 100%;
            text-align: right;
            display: inline-block;
            vertical-align: top;
            font-size: 14px;
        }

        #navmenu ul li {
            float: left;
            padding: 0;
            list-style-type: none;
            font-size: 14px;
        }

        #navmenu ul li a {
            color: #ffffff;
        }

        .left_nav {
            width: 14%;
            height: 100%;
            background: #3A5FCD;
            display: inline-block;
            vertical-align: top;
            overflow: auto;
            font-size: 14px;
        }

        .right_body {
            width: 85.9%;
            height: 100%;
            display: inline-block;
            background: #e8edf4;
            overflow: auto;
            font-size: 14px;
            vertical-align: top;
        }

        .navbar-inverse {
            width: 100%;
            height: 45px;
            background: #0270c1;
        }
        /* 设置滚动条的样式 */
        ::-webkit-scrollbar {
            width:8px;
        }
        /* 滚动槽 */
        ::-webkit-scrollbar-track {
            border-radius:10px;
        }
        /* 滚动条滑块 */
        ::-webkit-scrollbar-thumb {
            border-radius:10px;
            background:rgba(0,0,0,0.3);
        }
    </style>
    {% block style %}

    {% endblock %}
</head>
<body>
<!-- loader Start -->
<div id="loading">
    <div id="loading-center">
    </div>
</div>
<!-- loader END -->
<!-- Wrapper Start -->
<div id="html-body" class="body-heught">
    <nav class="navbar-inverse">
        <div id="navLogo">
            <a href="http://www.hbjsxrmyy.com/">
                <img src="../../static/public_file/images/logo2.png" alt="" style="width: 100%;height: 37px;cursor: pointer;">
            </a>
        </div>

        <div id="navmenu" style="padding-right: 5px;">
            <ul>
                <li id="sys-home" style="width: 10%;text-align: center;height: 45px;"><a href="/personal-center/home.html"><i class="iconfont icon-shouye"></i> 首页</a></li>
                <li id="personage" style="width: 10%;text-align: center;"><a href="/personal-center/sponsor.html"><i class="iconfont icon-hangzhengguanli"></i> 行政</a></li>
                <li id="finance" style="width: 10%;text-align: center;"><a href="/finance/my_salary_record_list_view"><i class="iconfont icon-tongzhigonggao"></i> 薪资</a></li>
{#                <li id="attendance" style="width: 10%;text-align: center;"><a href="/personnel/CheckInStatistics.html"><i class="iconfont icon-renshiguanli"></i> 人事 <div id="matters" class="sss"></div></a></li>#}
                <li id="attendance" style="width: 10%;text-align: center;"><a href="/personnel/attendance.html"><i class="iconfont icon-renshiguanli"></i> 人事 <div id="matters" class="sss"></div></a></li>
                <li id="inform" style="width: 10%;text-align: center;"><a href="/announcements/administration.html"><i class="iconfont icon-tongzhigonggao"></i> 公告 <div id="notic_warn" class="sss"></div></a></li>
                <li id="correspondence" style="width: 10%;text-align: center;padding-right: 5px;padding-left: 5px;"><a href="/correspondence/inbox.html"><i class="iconfont icon-youjian1"></i> 邮件 <div id="msg_warn" class="sss"></div></a></li>
                <li id="forum" style="width: 10%;text-align: center;padding-right: 5px;padding-left: 5px;"><a href="/forum/forum_home"><i class="iconfont icon-luntan"></i> 知识库</a></li>
{#                <li id="doc_management" style="width: 10%;text-align: center;"><a href="/document-management/document_center_view"><i class="iconfont icon-wendang"></i> 文档 </a></li>#}
                <li id="zichan" style="width: 10%;text-align: center;"><a href="/personal-center/property_register_view"><i class="iconfont icon-zichanguanli-"></i> 后勤 </a></li>
                <li id="my-center" style="width: 10%;text-align: center;"><a href="/that-center/home.html"><i class="iconfont icon-gerenzhongxin-wodexinxi"></i> 个人中心 </a></li>
            </ul>
            </ul>
        </div>


        <div id="navinform" style="width: 10%;">
            <div style="color: white;position: relative;width: 70px;text-align: center;display: inline-block;vertical-align: top;">
                <div style="cursor: pointer;" id="display_kaoqin">
                    <i class="iconfont icon-wodekaoqin" style="font-size: 18px;"></i> <span style="vertical-align: top;">考勤</span>
                </div>
                <div id="work_card" style="width: 250px;z-index: 10000;position: relative;background: white;display: none;box-shadow: 2px 2px 10px #cccccc;">
                    <div style="width: 100%;height: 40px;border-bottom: #cccccc solid 1px;text-align: left;padding-left: 5px;">
                        <i class="iconfont icon-rili" style="font-size: 18px;color: #00a0e9;"></i> <span id="now_date" tyle="color: black;vertical-align: top;font-size: 16px;"></span>&nbsp;&nbsp;&nbsp;<span id="now_week" style="color: black;vertical-align: top;"></span>
                    </div>
                    <div style="width: 100%;overflow: auto;border-bottom: #cccccc solid 1px;">
                        <ul id="sale_list" class="lzc_timeline">
                            <li class="time-line-item" style="text-align: left;line-height: 30px;">
                                <div class="lzc_icon"></div>
                                <div class="lzc_label" data-scroll-reveal="enter right over 1s">
                                    <span style="padding-left: 10px;">上午时间：</span><span id="MorningWorkTime"></span>
                                    <div style="padding-left: 10px;">
                                        <div>
                                            <span>上班打卡：</span><span id="morning_start"></span>
                                        </div>
                                        <div>
                                            <span>下班打卡：</span><span id="morning_end"></span>
                                        </div>
                                        <div style="cursor: pointer;" id="clock_in">
                                            <span>考勤状态：</span><span id="morning_status"></span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="time-line-item" style="text-align: left;line-height: 30px;">
                                <div class="lzc_icon"></div>
                                <div class="lzc_label" data-scroll-reveal="enter right over 1s">
                                    <span style="padding-left: 10px;">下午时间：</span><span id="AfternoonWorkTime"></span>
                                    <div style="padding-left: 10px;">
                                        <div>
                                            <span>上班打卡：</span><span id="afternoon_start"></span>
                                        </div>
                                        <div>
                                            <span>下班打卡：</span><span id="afternoon_end"></span>
                                        </div>
                                        <div style="cursor: pointer;" id="clock_in">
                                            <span>考勤状态：</span><span id="afternoon_status"></span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div style="width: 100%;height: 40px;text-align: left;padding-left: 5px;line-height: 40px;cursor: pointer;">
                        <a href="/personnel/CheckInStatistics.html"><i class="iconfont icon-tongji" style="font-size: 18px;color: #00a0e9;"></i> <span style="color: black;vertical-align: top;font-size: 16px;">打卡统计</span></a>
                    </div>
                </div>
            </div>
            <div class="navbar navbar-expand-lg navbar-light p-0"
                 style="height: 40px;display: inline-block;vertical-align: top;">
                <div class="collapse navbar-collapse" id="navbarSupportedContent" style="height: 45px;">
                    <ul class="navbar-nav ml-auto navbar-list" style="height: 45px;">
                        <li class="nav-item iq-full-screen" style="height: 45px;width: 50px;text-align: center;">
                            <i class="ri-fullscreen-line" style="color: white;font-size: 18px;cursor: pointer;"></i>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div id="navpersonage" style="width: 7%;">
            <ul class="nav navbar-nav navbar-right" style="width: 100%;height: 100%;">
                <li class="dropdown" style="width: 100%;height: 100%;">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false" style="color: white;margin-right: 5%;">
                        <img id="model-img" src="../../static/personal_center/img/default.jpeg" alt="" class="nav-img">
                        &nbsp;&nbsp;{{ realname }} <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu" style="width: 350px;margin-right: 230px;">
                        <li style="font-size: 12px;margin-left: 3%;width: 100%;">
                            <div style="display: inline-block;vertical-align: top;width: 30%;">
                                <img src="../../static/personal_center/img/default.jpeg" alt="" class="nav-img1">
                            </div>

                            <div style="display: inline-block;vertical-align: top;width: 60%;">
                                <div style="height: 30px;">
                                    <span>{{ realname }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                    <span>{{ position }}</span>
                                </div>
                                <div>
                                    京山市人民医院 ｜ {{ department }}
                                </div>
                            </div>
                        </li>
                        <li style="border: #E8E8E8 solid 0.5px;"></li>
                        <li style="font-size: 12px;margin-left: 6%;height: 30px;"><i class="iconfont icon-user"></i>&nbsp;&nbsp;<a href="/that-center/home.html" style="color: black;letter-spacing: 1.8px;">个人中心</a></li>
                        <li style="font-size: 12px;margin-left: 6%;"><i class="iconfont icon-tuichu4"></i>&nbsp;&nbsp;<a href="/personal-center/logout" style="color: black;">退&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;出</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>

{#    <div ondblclick="admin_add('聊天','/personal-center/chat_frame.html','800','600')" id="chat-frame" class="side-bar">#}
{#        <a href="javascript:;" class="icon-blog"><img src="../../static/personal_center/img/聊天.png" alt="" style="width: 66px;height: 66px;"><div class="sss1">0</div></a>#}
{#    </div>#}

    <div style="width: 100%;height: 95%;">
        <!--左侧导航栏-->
        <div class="left_nav">
            {% block left_body %}

            {% endblock %}
        </div>

        <!--右侧正文-->
        <div class="right_body">
            {% block right_content %}

            {% endblock %}
        </div>
    </div>
</div>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="../../static/public_file/js/jquery.min.js"></script>
<script src="../../static/public_file/js/popper.min.js"></script>
<script src="../../static/public_file/js/bootstrap.min.js"></script>
<!-- Appear JavaScript -->
<script src="../../static/public_file/js/jquery.appear.js"></script>
<!-- Countdown JavaScript -->
<script src="../../static/public_file/js/countdown.min.js"></script>
<!-- Counterup JavaScript -->
<script src="../../static/public_file/js/waypoints.min.js"></script>
<script src="../../static/public_file/js/jquery.counterup.min.js"></script>
<!-- Wow JavaScript -->
<script src="../../static/public_file/js/wow.min.js"></script>
<script src="../../static/public_file/js/slick.min.js"></script>
<!-- Select2 JavaScript -->
<script src="../../static/public_file/js/select2.min.js"></script>
<!-- Owl Carousel JavaScript -->
<script src="../../static/public_file/js/owl.carousel.min.js"></script>
<!-- Magnific Popup JavaScript -->
<script src="../../static/public_file/js/jquery.magnific-popup.min.js"></script>
<!-- Smooth S../crollbar JavaScript -->
<script src="../../static/public_file/js/smooth-scrollbar.js"></script>
<!-- lottie JavaScript -->
<script type="text/javascript" src="../../static/system_setup/layer/2.4/layer.js"></script>
<script type="text/javascript" src="../../static/system_setup/js/H-ui.js"></script>
<script type="text/javascript" src="../../static/system_setup/js/H-ui.admin.page.js"></script>
<script src="../../static/public_file/js/lottie.js"></script>
<script src="../../static/public_file/js/custom.js"></script>
<script src="../../static/system_setup/js/SysIndex__2.js"></script>
<script>
    if ("{{ realname }}" === "管理员") {
        document.getElementById("system-management").style.display = "inline-block";
        document.getElementById("personage").style.display = "none";
        document.getElementById("finance").style.display = "none";
        document.getElementById("attendance").style.display = "none";
        document.getElementById("inform").style.display = "none";
        document.getElementById("forum").style.display = "none";
        document.getElementById("correspondence").style.display = "none";
        document.getElementById("doc_management").style.display = "none";
        document.getElementById("zichan").style.display = "none";
        document.getElementById("sys-home").style.display = "none";

    }

    function page_zhanshi1() {
        document.getElementById('PageOne').style.display = 'inline-block';
    }

    function page_yincang1() {
        document.getElementById('PageOne').style.display = 'none';
    }

    // var chatSocket = new WebSocket('ws://' + window.location.host + '/ws/correspondence/'+ {{ roomName }} + '/');
    //
    // chatSocket.onmessage = function(e) {
    //     const data = JSON.parse(e.data);
    //     var chat_numbers = document.getElementsByClassName("sss1")[0].innerText;
    //     document.getElementsByClassName("sss1")[0].innerText=parseInt(chat_numbers)+1;
    //     document.getElementsByClassName("sss1")[0].style.display="block";
    // };
    function permissions_validation(a_href, permissions_type) {
        var xhr = new XMLHttpRequest();
        var local_host = window.location.host;          // 获取当前IP
        xhr.open('post', "/system-setup/permissions_validation");
        xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
        xhr.setRequestHeader('Access-Control-Allow-Origin', '*');
        xhr.send("permissions_type=" + permissions_type);
        xhr.onreadystatechange = function () {
            if (xhr.readyState === 4) {
                if (xhr.status === 200) {
                    document.getElementById("loading").style.display = "none";
                    var JsonDate = JSON.parse(xhr.responseText);
                    var permissions_flag = false;

                    for (var key in JsonDate["permissions"]) {
                        if (JsonDate["permissions"][key]) {
                            permissions_flag = true;
                            break
                        }
                    }
                    if (permissions_flag) {
                        window.location.href = a_href;
                    }
                    if (!permissions_flag) {
                        alert("您的访问权限不足！")
                    }
                }
            }
        };
    }
</script>

{% block script %}

{% endblock %}

</body>
</html>
